<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%--静态引入 jspf jsf 用来区分 jsp ,他们都是不完整的jsp--%>
    <%@include file="/WEB-INF/view/common/conmont.jspf"%>
    <title>login page</title>
</head>
<body>
<div id="loginDiv">
    <form id="ff" method="post" action="${webRoot}/account/loginaction">
        <div>
            <%--@declare id="acclogin"--%>
            <label for="accLogin">账号:</label>
            <!-- 采用 js验证 -->
            <input type="text" name="accLogin"/>
        </div>
        <div>
            <%--@declare id="accpass"--%>
                <label for="accPass">密码:</label>
            <!-- 行内验证
            <input class="easyui-validatebox" type="text" name="name"
                data-options="required:true,missingMessage:'请填写密码！'" />
                 -->
            <input type="text" name="accPass" />
        </div>
        <div style="color:red" >${requestScope.msg}</div>
    </form>
</div>
<script type="text/javascript">
    /*
     *＄｛选择器｝把ｄｏｍ对象转为ｊｑｕｅｒｙ对象，一般再处理成easyUI对象
     *例如　把$("name='accName'")validatebox({})转为easyUI对象
     *easyUI对象就可以使用相关的语法进行处理，如：$('selector').plugin('method', parameter);
     */
    //alert("ddddd");
    //这里的大括号相关于写json格式的数据：{属性：值，属性：值}
    //alert("ddddd");
    $("[name='accLogin']").validatebox({
        required : true,
        missingMessage : '请填写账号！'
    });
    // 添加验证

    $("[name='accPass']").validatebox({
        required : true,
        missingMessage : '请填写密码！'
    });

    //禁用验证
    $("#ff").form("disableValidation");


    //把div的内容作为对话框方式弹出
    $('#loginDiv').dialog({
        title : '登陆入口',
        width : 250,
        height : 150,
        closed : false,
        cache : false,
        //设置关闭按钮可见
        closable : false,
        //模式化窗口.如果为true将锁屏
        modal : true,
        buttons : [ {
            text : '登陆',
            handler : function() {
                //启用验证
                $("#ff").form("enableValidation");
                //validate方法:进行form表单字段的验证，通过返回true
                if($("#ff").form("validate")){
//                    alert("login");
                    //$("#ff").get(0).submit();
                    $("#ff").submit();

                }
            }
        }, {
            text : '取销',
            handler : function() {
                $("#ff").form("reset");
                alert("取消");
            }
        } ]
    });

</script>

</body>
</html>
